﻿<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Management</title>
    <base href="/">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <style type="text/css">
        .preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: #49a9ee;
            z-index: 9999;
            transition: opacity .65s
        }

        .preloader-hidden-add {
            opacity: 1;
            display: block
        }

        .preloader-hidden-add-active {
            opacity: 0
        }

        .preloader-hidden {
            display: none
        }

        .cs-loader {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%
        }

        .cs-loader-inner {
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
            width: 100%;
            color: #fff;
            text-align: center
        }

        .cs-loader-inner label {
            font-size: 20px;
            opacity: 0;
            display: inline-block;
        }

        @keyframes lol {
            0% {
                opacity: 0;
                transform: translateX(-300px)
            }

            33% {
                opacity: 1;
                transform: translateX(0)
            }

            66% {
                opacity: 1;
                transform: translateX(0)
            }

            100% {
                opacity: 0;
                transform: translateX(300px)
            }
        }

        .cs-loader-inner label:nth-child(6) {
            animation: lol 3s infinite ease-in-out
        }

        .cs-loader-inner label:nth-child(5) {
            animation: lol 3s .1s infinite ease-in-out
        }

        .cs-loader-inner label:nth-child(4) {
            animation: lol 3s .2s infinite ease-in-out
        }

        .cs-loader-inner label:nth-child(3) {
            animation: lol 3s .3s infinite ease-in-out
        }

        .cs-loader-inner label:nth-child(2) {
            animation: lol 3s .4s infinite ease-in-out
        }

        .cs-loader-inner label:nth-child(1) {
            animation: lol 3s .5s infinite ease-in-out
        }

        #tips {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999999;
            padding: 0 20px;
            font-size: 16px;
            background-color: #fff;
        }

        #tips div {
            width: 892px;
            margin: 30px auto;
            text-align: left;
            padding: 10px;
            border: 1px solid #ffe58f;
            background-color: #fffbe6;
            border-radius: 5px;
            text-align: center;
        }

        #tips p {
            padding: 5px 0;
            margin: 0;
        }

        #tips button {
            cursor: pointer;
        }

        #tips .blue {
            color: #1890ff;
        }

        #tips .red {
            color: #ff0000;
        }
    </style>
    <script>
        function userAgent() {
            var userAgent = navigator.userAgent;
            if (userAgent.indexOf("Firefox") > -1) {
                if (getVer() < 45) {
                    tipsOpen();
                }
            } else if (userAgent.indexOf("Chrome") > -1) {
                if (getVer() < 45) {
                    tipsOpen();
                }
            } else if (userAgent.indexOf("msie") > -1 || userAgent.indexOf("Windows") > -1) {
                tipsOpen();
            } if (typeof (Worker) == "undefined") {
                tipsOpen();
            }
        }
        function getVer() {
            var ua = navigator.userAgent.toLowerCase();
            var re = /(msie|Windows|firefox|chrome|opera|version).*?([\d.]+)/;
            var m = ua.match(re);
            return Number(m[2].split('.')[0])
        }
        function downChrome() {
            var url = window.location.protocol + '//' + window.location.host.split(':')[0] + '/csmis/site/chromeSoft/72.0.3626.81_chrome_installer.exe';
            window.open(url, '_blank');
        }
        function downFirefox() {
            var url = window.location.protocol + '//' + window.location.host.split(':')[0] + '/csmis/site/firefox/Firefox_v52.8.0.6694.exe';
            window.open(url, '_blank');
        }
        function tipsOpen() {
            document.getElementById('tips').style.display = 'block';
            document.getElementById('tips').innerHTML = '<div><p>版本过低，请选择常用的浏览器升级下载</p><p>请下载 <button onclick="downChrome()">Chrome浏览器</button> <button onclick="downFirefox()">Firefox浏览器</button></p></div>';
        }
    </script>
</head>

<body onload="userAgent()">
    <app-root></app-root>
    <div class="preloader">
        <div class="cs-loader">
            <div class="cs-loader-inner">
                <label> ●</label><label> ●</label><label> ●</label><label> ●</label><label> ●</label><label> ●</label>
            </div>
        </div>
    </div>
    <div id="tips"></div>
</body>

</html>